<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>管理员登入</title>
    <style>
        *{
            margin: 0;
            padding: 0;
        }
        body{
            background-color: #8A7A86;
        }
        #box{
            position: static;
            width:500px;
            height:500px;
            margin:auto;
            background-color: #AEB3B9;

            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            justify-items: center;
            align-items: center;
        }
        #box form{
            width:62%;
        }
        #box input{
            display: block;
            width:100%;
            height:40px;

            border-radius: 20px;
            border:none;
            box-sizing: border-box;
        }
        #box input:nth-child(2),#box input:nth-child(3){
            margin-bottom: 10px;
            padding-left:20px;
        }
        #box input:nth-child(4){
            color:#8A7A86;
            letter-spacing: 10px;
            font-size:20px;
            line-height: 40px;
        }
        #box input:focus{
            outline: none;
            border:2px solid #CCDFDE;
        }
    </style>
</head>
<body>
    <div id="box">
        <form action="{%  url 'login' %}" method="post">
            {% csrf_token %}
            <input type="text" placeholder="Your Account" name="acc" required>
            <input type="password" placeholder="Your Password" name="pd" required>
            <input type="submit" value="登入">
        </form>
    </div>
</body>
</html>